$(function () {
    //发送ajax请求获取用户信息
    getUserInfo();
    //退出事件
    let layer = layui.layer;
    $("#btnLogout").on("click", function () {
        layer.confirm('您真的忍心离开吗?', {
            icon: 3,
            title: '提示'
        }, function (index) {
            //do something
            //清空token
            localStorage.removeItem('token');
            //跳转到登录页面
            location.href = "login.html"
            // 关闭 confirm 询问框 ,layer自带的,不用删除
            layer.close(index);
        });
    })
})

function getUserInfo() {
    var layer = layui.layer
    $.ajax({
        type: "get",
        url: "/my/userinfo",
        success: function (res) {
            if (res.status !== 0) return layer.msg(res.message)
            //调用渲染的头像接口
            renderAvatar(res.data)
        },
        //ajax不管返回回来是成功还是失败都会执行的函数
        // 不论成功还是失败，最终都会调用 complete 回调函数,放在baseAPI里面了

    });
    //渲染用户头像,没次登陆,需要把用户的头像和用户名获取到渲染到页面
    function renderAvatar(user) {
        let username = user.nickname || user.username; //昵称的优先级比较高
        $("#welcome").html('欢迎&nbsp;&nbsp;' + username);

        if (user.user_pic !== null) { //如果返回来的值不为空
            $(".layui-nav-img").attr('src', user.user_pic).show()
            $(".text-avatar").hide();
        } else { //头像没有数据
            //username这个是个字符串,如果想要获取字符串的第一个字符,可以当数组来使用
            let first = username[0].toUpperCase();
            $(".layui-nav-img").hide();
            $(".text-avatar").html(first);

        }
    }
}